<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="close()">
        <span aria-hidden="true">×</span></button>
    <h4 class="modal-title">{{'DASHBOARD.PARAM.NAME'|translate}}</h4>
</div>
<div class="modal-body">
    <div class="row">
        <div class="col-md-12" ng-repeat="alert in alerts">
            <div uib-alert ng-class="'alert-' + (alert.type || 'warning')"
                 close="alerts.splice($index, 1)">{{alert.msg}}
            </div>
        </div>
    </div>
    <div class="row" style="margin-bottom: 10px">
        <div class="col-md-12 form-horizontal">
            <div class="input-group">
                <span class="input-group-addon">{{'DASHBOARD.PARAM.FIND'|translate}}</span>
                <input type="text" class="form-control" ng-model="keyword">
            </div>
        </div>
        <br/>
    </div>
    <div class="row">
        <div class="col-md-5">
            <div class="SelectsOption">
                <span>{{'DASHBOARD.PARAM.OPT_VALUE'|translate}}</span>
                <select multiple class="form-control selectsOption" style="height: 300px">
                    <option ng-repeat="v in selects | filter:keyword" ng-click="selectedValues($event)">{{v}}</option>
                </select>
            </div>
        </div>
        <div class="col-md-2">
            <select class="form-control filterOptions" ng-model="param.type" ng-options="t as t for t in type" ng-change="filterType()">
            </select>
        </div>
        <div class="col-md-5">
            <div class="multiValues" ng-if="operate.equal">
                <span>{{'DASHBOARD.PARAM.VALUE_LIST'|translate}}</span>
                <select multiple class="form-control" style="height: 300px">
                    <option ng-repeat="v in param.values" ng-click="deleteSelected($event)">{{v}}</option>
                </select>
            </div>
            <div class="doubleValues" ng-if="operate.closeInterval">
                <div>
                    <span>{{'DASHBOARD.PARAM.VALUE_A'|translate}}</span>
                    <div ng-click="deleteDoubleValues(0)">{{param.values[0]}}</div>
                </div>
                <div>
                    <span>{{'DASHBOARD.PARAM.VALUE_B'|translate}}</span>
                    <div ng-click="deleteDoubleValues(1)">{{param.values[1]}}</div>
                </div>
            </div>
            <div class="signalValue" ng-if="operate.openInterval">
                <span>{{'DASHBOARD.PARAM.VALUE'|translate}}</span>
                <div ng-click="deleteSelected($event)">{{param.values[0]}}</div>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default pull-left" data-dismiss="modal" ng-click="close()">{{'COMMON.CANCEL'|translate}}</button>
    <button type="button" class="btn btn-primary" ng-click="ok()">{{'COMMON.OK'|translate}}</button>
</div>